<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>法狮龙家居销售数据大屏</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./fonts/icomoon.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1971523_j01vigdin0o.css">
</head>

<body>
    <div class="viewport">
        <div class="header">
            <h1>法狮龙家居销售数据大屏</h1>
            <div class="date" id="date"><img src="images/clock.png" alt="" class="clock"><span id="year"></span></div>
        </div>
        <div class="main">
            <div class="column">
                <!-- 订单 -->
                <div style="display: flex;">
                    <div class="monthlyOrder panel" style="flex: 1;margin-right:10px;">
                        <div class="inner" style="padding: 1rem .2rem;">
                            <div class="monthlyTarget">
                                <div class="mflag">
                                    <div class="item">
                                        <img src="images/order.png" alt="">
                                        <div class="title">
                                            <p>本月目标</p>
                                            <p>3200<i>万</i></p>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="images/sale.png" alt="">
                                        <div class="title">
                                            <p>本月完成</p>
                                            <p>1920<i>万</i></p>
                                        </div>
                                    </div>
                                </div>
                                <div id="waterChart" class="waterChart"></div>
                            </div>
                        </div>
                    </div>
                    <div class="monthlyOrder panel" style="flex: 1;">
                        <div class="inner" style="padding: 1rem .2rem;">
                            <div class="quarterlyTarget">
                                <div class="qflag">
                                    <div class="item">
                                        <img src="images/order.png" alt="">
                                        <div class="title">
                                            <p>本季目标</p>
                                            <p>9600<i>万</i></p>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="images/sale.png" alt="">
                                        <div class="title">
                                            <p>本季完成</p>
                                            <p>6720<i>万</i></p>
                                        </div>
                                    </div>
                                </div>
                                <div id="waterChart2" class="waterChart2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 小组月度排名 -->
                <div class="monitor panel">
                    <div class="inner">
                        <div class="tabs">
                            <a href="javascript:;" data-index="0" class="active">小组月度排名</a>
                        </div>
                        <div class="content" style="display: block;">
                            <div class="head">
                                <span class="col">小组</span>
                                <span class="col">本月目标</span>
                                <span class="col">实际完成</span>
                                <span class="col">完成率</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">一组</span>
                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">二组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">三组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">四组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">五组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">六组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">七组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">八组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">九组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">十组</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">江苏大区</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">贵州大区</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">安徽大区</span>

                                        <span class="col">400万</span>
                                        <span class="col">320万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 个人月度排名 -->
                <div class="monitor panel">
                    <div class="inner">
                        <div class="tabs">
                            <a href="javascript:;" data-index="0" class="active">个人月度排名</a>
                            <!-- <a href="javascript:;" data-index="1">异常设备监控</a> -->
                        </div>
                        <div class="content" style="display: block;">
                            <div class="head">
                                <span class="col">姓名</span>
                                <span class="col">本月目标</span>
                                <span class="col">实际完成</span>
                                <span class="col">完成率</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">张三</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">李四</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">王五</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">赵六</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">何七</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">孙八</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">钱九</span>
                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">方市</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">达点</span>

                                        <span class="col">100万</span>
                                        <span class="col">60万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="content">
                            <div class="head">
                                <span class="col">异常时间</span>
                                <span class="col">设备地址</span>
                                <span class="col">异常代码</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">20190701</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000001</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190701</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190703</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190704</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190705</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190706</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190707</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190708</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190709</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190710</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>

            <div class="column">
                <!-- 饼图 -->
                <div class="point panel">
                    <div class="inner">
                        <h3>2021年第一季度产品种类分析</h3>
                        <div class="chart">
                            <div class="pie"></div>
                        </div>
                    </div>
                </div>
                <!-- 季度考核 -->
                <div class="cloumn-footer">
                    <div class="cloumn-footer-inner">
                        <h3>月度统比
                            <!-- <span style="color: #4c9bfd;font-size: 14px;margin-left: 200px;">单位: 万</span> -->
                        </h3>
                        <div class="bar"></div>
                    </div>
                </div>
            </div>
            <div class="column">
                <!--当日订单额 滚动-->
                <!-- <div class="monitor panel">
                    <div class="inner">
                        <div class="tabs">
                            <a href="javascript:;" data-index="0" class="active">当日订单额</a>
                        </div>
                        <div class="content" style="display: block;">
                            <div class="head">
                                <span class="col">区域经理姓名</span>
                                <span class="col">金额</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">张三</span>
                                        <span class="col">308万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">李四</span>
                                        <span class="col">108万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">王五</span>
                                        <span class="col">308万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">赵六</span>
                                        <span class="col">408万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">孙七</span>
                                        <span class="col">608万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">钱八</span>
                                        <span class="col">388万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">李九</span>
                                        <span class="col">309万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">凯瑞</span>
                                        <span class="col">108万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">何晓</span>
                                        <span class="col">318万</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
                <!--当日订单额 跳动-->
                <div class="monitor panel monitor2">
                    <div class="inner">
                        <div class="tabs">
                            <a href="javascript:;" data-index="0" class="active">当日订单额</a>
                        </div>
                        <div class="content" style="display: block;">
                            <div class="head">
                                <span class="col">区域经理姓名</span>
                                <span class="col">金额</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marqueet change">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 小组季度排名 -->
                <div class="monitor panel">
                    <div class="inner">
                        <div class="tabs">
                            <a href="javascript:;" data-index="0" class="active">小组季度排名</a>
                            <!-- <a href="javascript:;" data-index="1">异常设备监控</a> -->
                        </div>
                        <div class="content" style="display: block;">
                            <div class="head">
                                <span class="col">小组</span>
                                <span class="col">本季目标</span>
                                <span class="col">实际完成</span>
                                <span class="col">完成率</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">一组</span>
                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">二组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">三组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">四组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">五组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">六组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">七组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">八组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">九组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">十组</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">江苏大区</span>
                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">贵州大区</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">安徽大区</span>

                                        <span class="col">1200万</span>
                                        <span class="col">960万</span>
                                        <span class="col">80%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="content">
                            <div class="head">
                                <span class="col">异常时间</span>
                                <span class="col">设备地址</span>
                                <span class="col">异常代码</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">20190701</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000001</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190701</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190703</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190704</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190705</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190706</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190707</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190708</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190709</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190710</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
                <!-- 个人季度排名 -->
                <div class="monitor panel">
                    <div class="inner">
                        <div class="tabs">
                            <a href="javascript:;" data-index="0" class="active">个人季度排名</a>
                            <!-- <a href="javascript:;" data-index="1">异常设备监控</a> -->
                        </div>
                        <div class="content" style="display: block;">
                            <div class="head">
                                <span class="col">姓名</span>
                                <span class="col">本季目标</span>
                                <span class="col">实际完成</span>
                                <span class="col">完成率</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">张三</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">李四</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">王五</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">赵六</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">何七</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">孙八</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">钱九</span>
                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">方市</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">达点</span>

                                        <span class="col">300万</span>
                                        <span class="col">180万</span>
                                        <span class="col">60%</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="content">
                            <div class="head">
                                <span class="col">异常时间</span>
                                <span class="col">设备地址</span>
                                <span class="col">异常代码</span>
                            </div>
                            <div class="marquee-view">
                                <div class="marquee">
                                    <div class="row">
                                        <span class="col">20190701</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000001</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190701</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190703</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190704</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190705</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190706</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190707</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190708</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190709</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                    <div class="row">
                                        <span class="col">20190710</span>
                                        <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                                        <span class="col">1000002</span>
                                        <span class="icon-dot"></span>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
<script src="http://echarts.baidu.com/resource/echarts-liquidfill-1.0.4/dist/echarts-liquidfill.js"></script>
<script src="./js/index.js"></script>
<!-- <script src="./js/china.js"></script> -->
<!-- <script src="./js/mymap.js"></script> -->

</html>